﻿<!DOCTYPE html>
<html>
	<head>
		<title>NGRNetwork</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="shortcut icon" href="img/favicon.png">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="style/bootstrap.min.css">
		<link rel="stylesheet" href="font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="style/icon.css">
		<link rel="stylesheet" href="style/loader.css">
		<link rel="stylesheet" href="style/idangerous.swiper.css">
		<link rel="stylesheet" href="style/stylesheet.css">
		<!--[if lt IE 10]>
			<link rel="stylesheet" type="text/css" href="style/ie-9.css" />
		<![endif]-->		
		<!--[if lt IE 9]>
		    <script src="script/html5shiv/3.7.2/html5shiv.min.js"></script>
		    <script src="script/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->
	    
	</head>
	<body>

	<!-- THE LOADER -->

	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header>
		<div class="container-fluid custom-container">
			<div class="row no_row row-header">
				<div class="brand-be">
					<a href="index.html"><img src="img/logo.png" alt="logo" class="be_logo">
					</a>
				</div>
				<div class="header-menu-block">
					<button class="cmn-toggle-switch cmn-toggle-switch__htx"><span></span></button>
					<ul class="header-menu" id="one">
						<li><a href="search.html">Find Projects</a><i class="fa fa-angle-down"></i>
							<ul>
								<li>
									<a href="activity.html">ACTIVITY</a>
									<i class="fa fa-angle-right"></i><i class="fa fa-angle-down"></i>
									<ul>
										<li><a href="page1.html">PAGE 1</a></li>
										<li><a href="page2.html">PAGE 2</a></li>
										<li><a href="page3.html">PAGE 3</a></li>
									</ul>
								</li>
								<li><a href="search.html">SEARCH</a></li>
							</ul>
						</li>
						<li><a href="activity.html">Jobs</a></li>
						<li><a href="search.html">Find Candidates</a><i class="fa fa-angle-down"></i>
							<ul>
								<li><a href="author-edit.html">AUTHOR EDIT</a></li>
								<li><a href="author-login.html">AUTHOR LOGIN</a></li>
								<li><a href="messages.html">MESSAGES</a></li>
								<li><a href="messages-2.html">MESSAGES 2</a></li>
							</ul>
						</li>
						<li class="active-header"><a href="activity.html">Community</a><i class="fa fa-angle-down"></i>
						<ul>
							<li><a href="blog.html">BLOG</a></li>							
							<li><a href="blog-2.html">BLOG 2</a></li>						
							<li><a href="blog-3.html">BLOG 3</a></li>
							<li><a href="statictics.html">STATISTICS</a></li>
							<li><a href="faq.html">FAQ</a></li>
							<li><a href="about-us.html">ABOUT US</a></li>
							<li><a href="contact-us.html">CONTACT US</a></li>
							<li><a href="shortcodes.html">SHORTCODES</a></li>
						</ul></li>
					</ul>
				</div>
				<div class="login-header-block">
					<div class="login_block">
						<a class="btn-login btn color-1 size-2 hover-2" href="blog-detail-2.html"><i class="fa fa-user"></i>
						Log in</a>
					</div>	
				</div>
			</div>
		</div>
	</header>
		
	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="container be-detail-container">
			<h2 class="content-title">Our Blog</h2>
			<div class="blog-wrapper blog-grid">
				<div class="blog-filter">
					<a class="btn color-4 size-2 hover-9">concepts</a>
					<a class="btn color-4 size-2 hover-9">drawing</a>
					<a class="btn color-4 size-2 hover-9">streetart</a>
					<a class="btn color-4 size-2 hover-9">new</a>
					<a class="btn color-4 size-2 hover-9">people</a>
				</div>
				<div class="row">
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_1.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Interaction Design, UI/UX, Web Design</div>
								<a class="post-label" href="blog-detail.html">Fusce dolor libero</a>
								<div class="post-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non efficitur velit. Duis semper eros id tempor facilisis. Suspendisse molestie nunc at massa iaculis, at iaculis dolor blandit. Pellentesque non pulvinar dolor</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>					
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>
							<a class="post-preview post-image play" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_2.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Vector, Art</div>
								<a class="post-label" href="blog-detail.html">Monkey in da Space</a>
								<div class="post-text">Morbi efficitur feugiat erat a efficitur. Donec interdum, nunc ac elementum auctor, dui nisl placerat odio, eget sagittis sem neque venenatis libero</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>					
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_3.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Kids, Vector, Drawing</div>
								<a class="post-label" href="blog-detail.html">Vector for kids</a>
								<div class="post-text">Duis ornare rutrum consectetur. Proin tincidunt a ex blandit cursus. Suspendisse ultricies erat sit amet orci scelerisque, nec sagittis libero iaculis. Curabitur a nulla ut velit imperdiet Vilacinia, ut sollicitudin nisl accumsan.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<div class="post-preview simple-slider">
								<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
					                <div class="swiper-wrapper">
				                    	<div class="swiper-slide active" data-val="0">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_4.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="1">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_1.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="2">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_8.jpg" alt="">
				                    	</div>
				                    </div>
					                <div class="pagination"></div>
					            </div>
					        </div>								
							<div class="post-desc">
								<div class="post-category">Interaction Design, UI/UX, Web Design</div>
								<a class="post-label" href="blog-detail.html">Polygonal footbolists</a>
								<div class="post-text">Ut tempor, nulla at consectetur iaculis, nunc lorem tincidunt enim, quis commodo neque eros quis lacus. Nam vel ipsum consequat, dapibus ipsum ac, consectetur massa. Vestibulum molestie odio</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_5.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Vector, Art, Kids</div>
								<a class="post-label" href="blog-detail.html">Some vector animals</a>
								<div class="post-text">Suspendisse nisl dui, posuere quis euismod sed, faucibus id odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius velit a est facilisis mollis. Quisque posuere finibus tellus, ut sodales sapien aliquet et.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<div class="post-preview simple-slider">
								<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
					                <div class="swiper-wrapper">
				                    	<div class="swiper-slide active" data-val="0">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_6.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="1">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_8.jpg" alt="">
				                    	</div>
				                    	<div class="swiper-slide" data-val="2">
				                    		 <img class="img-responsive img-full" src="img/blog_grid_9.jpg" alt="">
				                    	</div>
				                    </div>
					                <div class="pagination"></div>
					            </div>
							</div>
							<div class="post-desc">
								<div class="post-category">Kids, Vector, Drawing</div>
								<a class="post-label" href="blog-detail.html">Wonderfull magic house</a>
								<div class="post-text">Mauris consectetur purus at volutpat porta. Praesent nisl metus, euismod et porttitor sed, dictum sit amet eros. Aliquam convallis odio et eros dapibus pharetra. Donec dictum justo non iaculis malesuada</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image play" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_7.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Video, Street</div>
								<a class="post-label" href="blog-detail.html">Street atr in London</a>
								<div class="post-text">Ut tempor, nulla at consectetur iaculis, nunc lorem tincidunt enim, quis commodo neque eros quis lacus. Nam vel ipsum consequat, dapibus ipsum ac, consectetur massa. Vestibulum molestie odio</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_8.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Vector, Art, Kids</div>
								<a class="post-label" href="blog-detail.html">Ideas for life</a>
								<div class="post-text">Rum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla nulla neque, pulvinar nec iaculis tempor, iaculis non lorem. Mauris sit amet pharetra nibh. Donec dui magna</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="blog-post">
							<div class="post-header clearfix">
								<div class="post-date">
									<i class="fa fa-clock-o"></i> April 23, 2015
								</div>
								<div class="author-post">
									<img src="img/a1.png" alt="" class="ava-author">
									<span>by <a href="blog-detail-2.html">Hoang Nguyen</a></span>
								</div>
							</div>						
							<a class="post-preview post-image" href="blog-detail.html"><img class="img-responsive img-full" src="img/blog_grid_9.jpg" alt=""></a>
							<div class="post-desc">
								<div class="post-category">Kids, Vector, Drawing</div>
								<a class="post-label" href="blog-detail.html">Woman</a>
								<div class="post-text">Vivamus pellentesque justo a urna tincidunt sagittis eget quis nunc. Curabitur nec est non tortor rutrum consequat ac vel neque. Nunc finibus vestibulum ex, sit amet posuere nisi ornare quis.</div>
								<a class="btn color-1 size-2 hover-1" href="blog-detail.html">Read more</a>
								<div class="info-block">
									<span><i class="fa fa-thumbs-o-up"></i> 360</span>
									<span><i class="fa fa-eye"></i> 789</span>
									<span><i class="fa fa-comment-o"></i> 20</span>
								</div>																
							</div>
						</div>						
					</div>																																			
				</div>
			</div>
		</div>
	</div>
	<!-- THE FOOTER -->
	<footer>
		<div class="footer_slider">
			<div class="swiper-container" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="4" data-sm-slides="8" data-md-slides="14" data-lg-slides="19" data-add-slides="19">
	            <div class="swiper-wrapper">
	            	<div class="swiper-slide active" data-val="0">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">
	            	</div>
	            	<div class="swiper-slide" data-val="1">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">           		 
	            	</div>
	            	<div class="swiper-slide" data-val="2">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="3">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="4">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="5">
	            		 <img class="img-responsive img-full" src="img/f6.jpg" alt="">            		 
	            	</div>
	            	<div class="swiper-slide" data-val="6">
	            		 <img class="img-responsive img-full" src="img/f7.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="7">
	            		 <img class="img-responsive img-full" src="img/f8.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="8">
	            		 <img class="img-responsive img-full" src="img/f9.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="9">
	            		 <img class="img-responsive img-full" src="img/f10.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="10">
	            		 <img class="img-responsive img-full" src="img/f11.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="11">
	            		 <img class="img-responsive img-full" src="img/f12.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="12">
	            		 <img class="img-responsive img-full" src="img/f13.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="13">
	            		 <img class="img-responsive img-full" src="img/f14.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="14">
	            		 <img class="img-responsive img-full" src="img/f15.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="15">
	            		 <img class="img-responsive img-full" src="img/f16.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="16">
	            		 <img class="img-responsive img-full" src="img/f17.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="17">
	            		 <img class="img-responsive img-full" src="img/f18.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="18">
	            		 <img class="img-responsive img-full" src="img/f19.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="19">
	            		 <img class="img-responsive img-full" src="img/f1.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="20">
	            		 <img class="img-responsive img-full" src="img/f2.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="21">
	            		 <img class="img-responsive img-full" src="img/f3.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="22">
	            		 <img class="img-responsive img-full" src="img/f4.jpg" alt="">	            		 
	            	</div>
	            	<div class="swiper-slide" data-val="23">
	            		 <img class="img-responsive img-full" src="img/f5.jpg" alt="">	            		 
	            	</div>	            		            		            		            		            	
	            </div>
	            <div class="pagination hidden"></div>
	        </div>
        </div>	
		<div class="footer-main">
			<div class="container-fluid custom-container">
				<div class="row">	
					<div class="col-md-3 col-xl-4">
						<div class="footer-block">
							<h1 class="footer-title">About Us</h1>
							<p>Vestibulum tincidunt, augue fermentum accumsan viverra, eros dui rutrum libero, nec imperdiet felis sem in augue luctus <a href="blog-detail-2.html">diam a porta</a> iaculis. Vivamus sit amet fermentum nisl. Duis id <a href="blog-detail-2.html">massa id purus</a> tristique varius a sit amet est. Fusce dolor libero, efficitur et lobortis at, faucibus nec nunc.</p>
							<ul class="soc_buttons">
								<li><a href=""><i class="fa fa-facebook"></i></a></li>
								<li><a href=""><i class="fa fa-twitter"></i></a></li>
								<li><a href=""><i class="fa fa-google-plus"></i></a></li>
								<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
								<li><a href=""><i class="fa fa-instagram"></i></a></li>
								<li><a href=""><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-xl-2">
						<div class="footer-block">
							<h1 class="footer-title">Some Links</h1>
							<div class="row footer-list-footer">
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">About Us</a></li>
									<li><a href="blog-detail-2.html">Help</a></li>
									<li><a href="blog-detail-2.html">Contacts</a></li>
									<li><a href="blog-detail-2.html">Job</a></li>
									<li><a href="blog-detail-2.html">Projets</a></li>
								</ul></div>
								<div class="col-md-6">
								<ul class="link-list">
									<li><a href="blog-detail-2.html">New Works</a></li>
									<li><a href="blog-detail-2.html">Popular Authors</a></li>
									<li><a href="blog-detail-2.html">New Authors</a></li>
									<li><a href="blog-detail-2.html">Career</a></li>
									<li><a href="blog-detail-2.html">FAQ</a></li>
								</ul></div>
							</div>
						</div>
					</div>				
					<div class="col-md-3 galerry">
						<div class="footer-block">					
							<h1 class="footer-title">Recent Works</h1>
							<a href="blog-detail-2.html"><img src="img/g1.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g2.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g3.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g4.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g5.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g6.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g7.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g8.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g9.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g10.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g11.jpg" alt=""></a>
							<a href="blog-detail-2.html"><img src="img/g12.jpg" alt=""></a>
						</div>
					</div>
					<div class="col-md-3">
						<div class="footer-block">
							<h1 class="footer-title">Subscribe On Our News</h1>
							<form action="./" class="subscribe-form">
								<input type="text" placeholder="Yout Name" required>
								<div class="submit-block">
									<i class="fa fa-envelope-o"></i>
									<input type="submit" value="">
								</div>
							</form>
							<div class="soc-activity">
								<div class="soc_ico_triangle">
									<i class="fa fa-twitter"></i>
								</div>
								<div class="message-soc">
									<div class="date">16h ago</div>
									<a href="blog-detail-2.html" class="account">@faq</a> vestibulum accumsan est <a href="blog-detail-2.html" class="heshtag">blog-detail-2.htmlmalesuada</a> sem auctor, eu aliquet nisi ornare leo sit amet varius egestas.
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bottom">
			<div class="container-fluid custom-container">
				<div class="col-md-12 footer-end clearfix">
					<div class="left">
						<span class="copy">© 2015. All rights <a href="http://www.bootstrapmb.com/">Reserved</a>. <span class="white"><a href="blog-detail-2.html"> NRGNetwork</a></span></span>
						<span class="created">Created with LOVE by <span class="white"><a href="blog-detail-2.html"> NRGThemes</a></span></span>
					</div>
					<div class="right">
						<a class="btn color-7 size-2 hover-9">About Us</a>
						<a class="btn color-7 size-2 hover-9">Help</a>
						<a class="btn color-7 size-2 hover-9">Privacy Policy</a>
					</div>
				</div>			
			</div>
		</div>		
	</footer>

	<div class="be-fixed-filter"></div>
	
	<div class="large-popup login">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-8 col-md-push-2 col-lg-6 col-lg-push-3  large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Log in</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="email" required="" placeholder="Your email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="password" required="" placeholder="Password">
						</div>
						<div class="col-xs-6">
							<div class="be-checkbox">
							<label class="check-box">
								    <input class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Stay signed in
								</span>
							</div>
							
							<a href="blog-detail-2.html" class="link-large-popup">Forgot password?</a>
						</div>
						<div class="col-xs-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="large-popup register">
		<div class="large-popup-fixed"></div>
		<div class="container large-popup-container">
			<div class="row">
				<div class="col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 large-popup-content">
					<div class="row">
						<div class="col-md-12">
							<i class="fa fa-times close-button"></i>
							<h5 class="large-popup-title">Register</h5>
						</div>
						<form action="./" class="popup-input-search">
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="First Name">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Last Name">
						</div>
						<div class="col-md-6">
							<div class="be-custom-select-block">
							<select name="" class="be-custom-select">
								<option value="" disabled selected>
									Country
								</option>
								<option value="">USA</option>
								<option value="">Canada</option>
								<option value="">England</option>
							</select>
							</div>
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Email">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Password">
						</div>
						<div class="col-md-6">
							<input class="input-signtype" type="text" required="" placeholder="Repeat Password">
						</div>
						<div class="col-md-12 be-date-block">
							<span class="large-popup-text">
								Date of birth
							</span>
							<div class="be-custom-select-block mounth">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Mounth
									</option>
									<option value="">January</option>	
									<option value="">February</option>	
									<option value="">March</option>	
									<option value="">April</option>	
									<option value="">May</option>	
									<option value="">June</option>	
									<option value="">July</option>	
									<option value="">August</option>	
									<option value="">September</option>	
									<option value="">October</option>	
									<option value="">November</option>	
									<option value="">December</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Day
									</option>
									<option value="">1</option>
									<option value="">2</option>
									<option value="">3</option>
									<option value="">4</option>
									<option value="">5</option>
									<option value="">6</option>
									<option value="">7</option>
									<option value="">8</option>
									<option value="">9</option>
									<option value="">10</option>
									<option value="">11</option>
									<option value="">12</option>
									<option value="">13</option>
									<option value="">14</option>
									<option value="">15</option>
									<option value="">16</option>
									<option value="">17</option>
									<option value="">18</option>
									<option value="">19</option>
									<option value="">20</option>
									<option value="">21</option>
									<option value="">22</option>
									<option value="">23</option>
									<option value="">24</option>
									<option value="">25</option>
									<option value="">26</option>
									<option value="">27</option>
									<option value="">28</option>
									<option value="">29</option>
									<option value="">30</option>
								</select>
							</div>
							<div class="be-custom-select-block">
								<select name="" class="be-custom-select">
									<option value="" disabled selected>
										Year
									</option>
									<option value="">1996</option>
									<option value="">1997</option>
									<option value="">1998</option>
								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="be-checkbox">
								<label class="check-box">
								    <input class="checkbox-input" type="checkbox" required="" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									I have read and agree to the <a class="be-popup-terms" href="blog-detail-2.html">Terms of Use</a> and <a class="be-popup-terms" href="blog-detail-2.html">Privacy Policy</a>.
								</span>
							</div>
							<div class="be-checkbox">
								<label class="check-box">
								    <input class="checkbox-input" type="checkbox" value="" name="" /> <span class="check-box-sign"></span>
								</label>
								<span class="large-popup-text">
									Send me notifications
								</span>
							</div>
						</div>
						<div class="col-md-6 for-signin">
							<input type="submit" class="be-popup-sign-button" value="SIGN IN">
						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- SCRIPTS	 -->
	<script src="script/jquery-2.1.4.min.js"></script>
	<script src="script/bootstrap.min.js"></script>
	<script src="script/idangerous.swiper.min.js"></script>	
	<script src="script/isotope.pkgd.min.js"></script>
	<script src="script/jquery.viewportchecker.min.js"></script>		
	<script src="script/global.js"></script>	
	</body>
</html>